<script setup lang="ts">
import { NuxtLayout } from '#components';
import type { TransitionProps } from 'vue';

const transitionConfig: TransitionProps  = { name: 'page', css: true, type: 'transition' };
</script>

<template>
  <div id="container" class="bg-neutral-950">
    <NuxtLayout>
      <NuxtPage :transition="transitionConfig" />
    </NuxtLayout>
  </div>
</template>

<style>
#container {
  width: 100%;
  min-height: 100vh;
}
.page-enter-from, .page-leave-to {
  opacity: 0;
  transform: translateY(5px);
}
.page-enter-active {
  transition: all .5s;
}
</style>